﻿{include file="/public/header" /}
<style type="text/css">
.iTable th {color:#fff;border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;border-top: 1px solid #C1DAD7;letter-spacing: 2px;text-transform: uppercase;text-align: left;font-size:14px;padding: 6px 6px 6px 12px;background:#4c5660 no-repeat;}
.iTable td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;font-size:14px;padding: 6px 6px 6px 12px;color: #4f6b72;}
</style>
<div class="content-wraper full">
    <div class="wrap-title"><h4>{$res['title'] ?? ''} - {$sday ?? ''}的详情</h4></div>
    <div class="normal-line"></div>
    <div style="width:800px;margin-top:8px;">
        <table class="iTable" width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <th style="width:220px;">员工签到(金额)</th>
              <th style="width:220px;">线上支付金额</th>
              <th style="width:220px;">线下支付金额</th>
              <th>员工缴费(金额)</th>
            </tr>
            <tr>
              <td style="color:red;">￥{$res['kamount'] ?? ''}</td>
              <td style="color:red;">￥{$res['kpamt'] ?? ''}</td>
              <td style="color:red;">￥{$res['knamt'] ?? ''}</td>
              <td style="color:red;">￥{$res['pamount'] ?? ''}</td>
            </tr>
          </table>
    </div>
    <div style="padding-left:20px;margin-top:8px;">
        <div class="tabs-link-wrap">
            <div class="tabs-link-scroll">
                <!--{if ($nav ?? NULL)}-->
                {foreach $nav as $key => $title}
                <a href="{$_G['_mca_']}/channel/{$res['id'] ?? '0'}/sday/{$sday ?? 'day'}/nkey/{$key ?? ''}" {if $key==$nkey}class="active"{/if}>{$title ?? ''}</a>
                {/foreach}
                <!--{/if}-->
            </div> 
        </div>
    </div>
    <div class="wrap-title"><h4>总计：<span data-key="Cnt">-</span> 笔，总计金额：<span data-key="Amt">-</span> 元</h4></div>
    <div class="normal-line"></div>
    <div class="table_box" style="margin-top:3px;">
        <table class="table_main" id="datalist"></table>
    </div>
</div>
<script type="text/javascript">
var Columns  = [
    {field:'ksid',title:'KSID',width:80,align:'center'},
    {field:'kid',title:'订单ID',width:120,align:'center'},
    {field:'logename',title:'包厢',width:150,align:'center'},
    {field:'teamname',title:'组别',width:150,align:'center'},
    {field:'nickname',title:'花名',width:150,align:'center'},
    {field:'amount',title:'金额(元)',width:150,align:'center'},
    {field:'kday',title:'订单归档日',width:150,align:'center'},
    {field:'pday',title:'支付归档日',width:150,align:'center'},
    {field:'paytime',title:'支付时间',width:150,align:'center'},
    {field:'-',title:'',align:'center'},
];
Core.Easyui.init($('#datalist'),{
    idField: 'id',
    fitColumns: true,
    columns: [Columns],
    url: "{$_G['_mc_'] ?? ''}/infoajax/channel/{$res['id'] ?? '0'}/sday/{$sday ?? 'day'}/nkey/{$nkey ?? ''}",
    width: "100%",
    height: "500",
    onLoadSuccess:function(data){
        $('span[data-key="Cnt"]').text((data.total || 0));
        $('span[data-key="Amt"]').text((data.amount || 0));
    },
});
</script>
{include file="/public/footer" /}